<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>订单</title>
    <link rel="stylesheet" href="../src/css/weui.css">
    <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
    <script src="../src/js/main.js"></script>
    <link rel="stylesheet" href="../src/css/main.css">
    <style>
        .weui_navbar_item{
            cursor: pointer;
        }
    </style>
</head>
<body>


<div class="navbar">
    <div class="bd" style="height: 100%;">
        <div class="weui_tab">
            <div class="weui_navbar">
                <div class="weui_navbar_item  weui_bar_item_on">
                    已提交
                </div>
                <div class="weui_navbar_item  ">
                    已发货
                </div>
                <div class="weui_navbar_item  ">
                    已完成
                </div>
                <div class="weui_navbar_item  ">
                    已取消
                </div>
            </div>
            <div class="weui_tab_bd">
                <div class="weui_tab_bd_item  " style="display: block" >
                    <div class="weui_panel weui_panel_access">
                        <div class="weui_panel_bd">
                            <a href="order-detail.html" class="weui_media_box weui_media_appmsg">
                                <div class="weui_media_hd">
                                    <img class="weui_media_appmsg_thumb" src="" alt="">
                                </div>
                                <div class="weui_media_bd">
                                    <h4 class="weui_media_title">全速汽车车载可视倒车雷达影像系统</h4>
                                    <p class="weui_media_desc">汽车服务-已提交</p>
                                </div>
                                <div class="weui_cell_ft">
                                    <p class="weui_media_desc">
                                        0.01
                                    </p>
                                    <p class="weui_media_desc">
                                        -300
                                    </p>
                                    <p class="weui_media_desc">
                                        *2
                                    </p>
                                </div>
                            </a>
                        </div>
                        <a class="weui_panel_ft" href="#">查看更多</a>
                    </div>
                </div>
                <div class="weui_tab_bd_item  " >
                    <div class="weui_panel weui_panel_access">
                        <div class="weui_panel_bd">
                            <a href="order-detail.html" class="weui_media_box weui_media_appmsg">
                                <div class="weui_media_hd">
                                    <img class="weui_media_appmsg_thumb" src="" alt="">
                                </div>
                                <div class="weui_media_bd">
                                    <h4 class="weui_media_title">全速汽车车载可视倒车雷达影像系统</h4>
                                    <p class="weui_media_desc">汽车服务-已发货</p>
                                </div>
                                <div class="weui_cell_ft">
                                    <p class="weui_media_desc">
                                        0.01
                                    </p>
                                    <p class="weui_media_desc">
                                        -300
                                    </p>
                                    <p class="weui_media_desc">
                                        *2
                                    </p>
                                </div>
                            </a>
                        </div>
                        <a class="weui_panel_ft" href="#">查看更多</a>
                    </div>
                </div>
                <div class="weui_tab_bd_item  " >
                    <div class="weui_panel weui_panel_access">
                        <div class="weui_panel_bd">
                            <a href="order-detail.html" class="weui_media_box weui_media_appmsg">
                                <div class="weui_media_hd">
                                    <img class="weui_media_appmsg_thumb" src="" alt="">
                                </div>
                                <div class="weui_media_bd">
                                    <h4 class="weui_media_title">全速汽车车载可视倒车雷达影像系统</h4>
                                    <p class="weui_media_desc">汽车服务-已完成</p>
                                </div>
                                <div class="weui_cell_ft">
                                    <p class="weui_media_desc">
                                        0.01
                                    </p>
                                    <p class="weui_media_desc">
                                        -300
                                    </p>
                                    <p class="weui_media_desc">
                                        *2
                                    </p>
                                </div>
                            </a>
                        </div>
                        <a class="weui_panel_ft" href="#">查看更多</a>
                    </div>
                </div>
                <div class="weui_tab_bd_item  " >
                    <div class="weui_panel weui_panel_access">
                        <div class="weui_panel_bd">
                            <a href="order-detail.html" class="weui_media_box weui_media_appmsg">
                                <div class="weui_media_hd">
                                    <img class="weui_media_appmsg_thumb" src="" alt="">
                                </div>
                                <div class="weui_media_bd">
                                    <h4 class="weui_media_title">全速汽车车载可视倒车雷达影像系统</h4>
                                    <p class="weui_media_desc">汽车服务-已取消</p>
                                </div>
                                <div class="weui_cell_ft">
                                    <p class="weui_media_desc">
                                        0.01
                                    </p>
                                    <p class="weui_media_desc">
                                        -300
                                    </p>
                                    <p class="weui_media_desc">
                                        *2
                                    </p>
                                </div>
                            </a>
                        </div>
                        <a class="weui_panel_ft" href="#">查看更多</a>
                    </div>
                </div>
                </div>

    </div>
</div>
    </div>

<script src="../src/js/libs/jquery-3.0.0.min.js"></script>
<script src="../src/js/main.js"></script>
</body>
</html>